﻿/*YUI reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0;	padding:0;}table {	border-collapse:collapse;	border-spacing:0;}fieldset,img { border:0;}address,caption,cite,code,dfn,em,strong,th,var {	font-style:normal;	font-weight:normal;}ol,ul {	list-style:none;}caption,th {	text-align:left;}h1,h2,h3,h4,h5,h6 {	font-size:100%;	font-weight:normal;}q:before,q:after {	content:'';}abbr,acronym { border:0;}
/*YUI base*/
h1 { font-size:138.5%; }h2 { font-size:123.1%; }h3 { font-size:108%; }h1,h2,h3 { margin:1em 0;}h1,h2,h3,h4,h5,h6,strong { font-weight:bold; }abbr,acronym { border-bottom:1px dotted #000;	cursor:help;} em { font-style:italic;}blockquote,ul,ol,dl { margin:1em;}ol,ul,dl { margin-left:2em;}ol li { list-style: decimal outside;	}ul li { list-style: disc outside;}dl dd { margin-left:1em;}th,td { border:1px solid #000;	padding:.5em;}th { font-weight:bold;	text-align:center;}caption { margin-bottom:.5em; text-align:center;}p,fieldset,table { margin-bottom:1em;}

#page
{
    width: 400px;
    margin: 0 auto 40px auto;
    text-align: center;
}

/*Navigation is the navigation bar on the left side of the side*/
#navigation
{
    width: 15%;
    float: left;
    font-size: 120%;
    border-right:1px solid;

}

#navigation li, #More li
{
    list-style-type: none;
}
/*For the <p> tag in navigation bar on the left side of the side in Student site*/
#navigation p
{
    margin-left: 15px;
    color: #c9b143;
}

#content
{
    float: left;
    margin-left: 2%;
    margin-right: 2%;
    width: 60%;
}

/*To control the width of main content*/
#content.wide
{
    width: 80%;
}

.ClassContent#content
{
    width: 80%;
}
#content h2 
{
    margin-top: 0;
}
/*For Student front page - lists of active tests, assignments*/
#activegames
{
    margin-left: 5%;
    width: 50%;
    width: 300px;
      
}

#activegames h2, #messages h2
{
    font-size: 110%;
}
/*For Student front page - h3 element for "ólokin verkefni" and "Ólokin próf"*/
#activegames h3
{
    font-style: oblique;
    margin-bottom: 0;
    font-size: 100%;
}

#activegames p, #messages p, #activegames a, #messages a
{
    font-size: 100%;
    width: 80%;
}
/*For Student front page - messages from teachers*/
#messages
{
    float: right;
    width: 50%;
}

/*Basic layout, for the logo*/
#lefthead
{
    margin-left: 15px;
    padding-top: 20px;

}

/*Basic layout, for top line - the links to password and notification...*/
#tophead
{
    position:absolute;
    width:auto;
    right:15px;
    top:0px;
    color:#efe36b;  
}

/*Basic layout, for the bottom line in the header - links to ru.is, GameSchool frontpage...*/
#botthead
{
    position:absolute;
    width:auto;
    right:15px;
    top: 90px;
}

/*Basic layout, footer - says all it have to say*/
footer 
{
    border-top: 1px solid Gray;   
    position: fixed;
    bottom: 0;
    width: 100%; 
    background-color: #fff; 
    color: #656565;
    padding-bottom: 18px;
}

/*Basic layout, footer - the link to gameschool@gameschool.is*/
#FootLink
{
    color: #656565;
    text-decoration: underline;
}

/*For all a's*/
a
{
    text-decoration: none;
    color: #50400c;    
}

/*For all a's*/
a:hover
{
    text-decoration: underline;    
}

/*For all a's*/
a:visited
{
    color: #50400c;    
}

/*For a's in the header, the nav bar (where the username appears) and in More - sidebar on the right*/
#tophead a, #botthead a, nav a, #More a
{
    color: #efe36b;
}

/*For a's in the header, the nav bar and in More*/
#tophead a:visited, #botthead a:visited, nav a:visited, #More a:visited
{
    color: #efe36b;
}

/*For links in tables - edit, delete and details*/
#TableLink
{
    color: #50400c;
}


/*Basic layout, header - says all it have to say*/
header
{
    background-color: #010101;
    border-collapse: collapse;
    color: #efe36b;
    height: 90px;
}

/*Basic layout, navigation bar under the header - where user name appears*/
nav
{
    border-collapse: collapse;
    border-bottom: 1px solid;
    padding-top: 0;
    margin: 0;
    background-color: #010101;
    color: #efe36b;
 
}

/*Basic layout, username's position*/
#nav_user
{
    margin: 2px 10px;
    margin-left: 15px;   
    margin-top: 0px; 
}

/*For the sidebar on the right in both teacher and student layout*/
#More
{
    width: 20%;
    float: right;
    font-size: 120%;
    border-left: 1px solid;
    background-color: #010101;
    color: #efe36b;
}

.clear
{
    clear: both;    
}

/*For lists in Administrator layout*/
#Index
{
    text-align:center;
}

/*For tables of lists*/
.IndexTable
{
    width:90%; 
    margin-left:5%; 
    margin-right:5%;
    text-align:left; 
}

/*All display-labels have underline*/
.display-label
{
    text-decoration:underline;
}
  
/*For Main contents on Administrator sites, when there is little information, for example /Person/Details*/
#SingleMainContent
{
    margin-left: 25%;
}

/*For Main contents on Administrator sites, when there is table, for example /Game/Details*/
#MainContent
{
    margin-left: 5%;
}

/*For Teachers main contents, when there is little information. Not the same as #SingleMainContent because of the sidebar*/
#TeacherSingleMainContent
{
    margin-left:50%;
}

/*For Teacher main contents, when there is table, for example /Level/Index*/
.TeacherMainContent
{
    width: 160%
}

/*For the notification about lost password on login page*/
#ForgotPassword
{
    font-size: 11px;
}

/*For the tab's in Teacher's "Mínir leikir"*/
.tabbed
{
    width: 100%; 
}

/*Different for students because of the @section more part*/
.tabbed#Student
{
    width: 100%;
}

/*To change the size of text box, for example /Game/Create from the Administrator site*/
.TextArea
{
    width: 600px;
    height: 280px;
}

/*To change the size of text box for questions in tests and announcements from teacher, for example /Announcement/Create*/
.QuestionTextArea
{
    width: 300px;
    height: 140px;
}

.GameSetup
{
    font-weight:bold;
    text-decoration:underline;
}
/*padding-bottom = 20 px so the content of the page will not be stuck behind the footer*/
body   
{
    padding-bottom: 45px;
}

/*For all caption's in tables*/
caption
{
    font-weight: bold;
    font-size: 120%;
    color: Black;
}

/*For all th's in tables*/
th
{
    background-color: #010101; 
    color: #c9b143;
}
    
/*For answers - no mark infront of the answer. For example StudentAnswer (Shared/EditorTemplates)*/
.answers li
{
    list-style-type: none;    
}

/*For the list of unsolved assignments and tests on Student front page*/
.game li
{
    list-style-type: none;
}

/*For the name of the game (for unsolved assignments and tests)*/
.game h2
{
    margin-bottom: 0em;
}

/*For the title of announcements from teacher on Student front page*/
#TitleAnnounceFront
{
    font-size: 80%;
    margin-bottom: 0em;
    font-style: oblique;
}



/*--------------------Nokkur item fyrir commentin í videos----------------------------------*/

.commentList
{
	list-style-type: none;
	margin: 0;
	padding: 0;	
	float: left;
	width: 480px;
}

.commentList li
{
	background-color: #010101;
	border: 3px solid #a58d2d;
	margin-top: 2px;
	padding: 5px 5px 4px;	
	overflow: hidden;
}

.commentList > li > a
{
	margin-right: 8px;
	float: left;
	text-decoration: none;
	border-right: 2px solid #a58d2d;
	padding-right: 12px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.commentList > li > a > img
{
	width: 32px;
	height: 32px;
	border: 0;
	display: block;
}

.commentBody
{
	padding-top: 1px;	
	display: table-cell;
	vertical-align: top;
	width: 478px;	
}

.commentBody > a
{
	font-weight: bold;	
	cursor: pointer;
	color: #c9b143;
	text-decoration: none;	
}

.commentBody > div
{
	padding-top: 2px;
}

.commentcontent
{
	
	color: #d3e2a7;
}

.commentBody > div > abbr
{
	border-bottom: none;
	color: gray;
	font-weight: normal;
	font-size: 11px;
	float:right;
}

.commentBody > div > a
{
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
	font-size: 100%;
	overflow: visible;
	width: auto;
	text-align: left;
	background: none;
	margin: 0;
	padding: 0;
	border: none;
	cursor: pointer;
	color: #3B5998;	
}

.commentAdd > textarea
{
	height: 28px;	
	display: block;
	margin: 0;
	width: 98%;
	overflow: hidden;
	color: #777;
	border: 1px solid #BDC7D8;
	font-size: 11px;
	padding: 3px;
}

.commentAdd > label
{
	float: right;
	margin-top: 5px;
	background-color: #5B74A8;
	border: 1px solid #999;
	border-color: #29447E #29447E #1A356E;	
	/* border-bottom-color: #888; */
	background: #EEE url("../Images/Background.png") repeat 0 0;
	background-position: 0 -48px;
	cursor: pointer;
	display: -moz-inline-box;
	display: inline-block;
	font-size: 11px;
	font-weight: bold;
	line-height: normal !important;
	padding: 2px 6px;
	text-align: center;
	text-decoration: none;
	vertical-align: top;
	white-space: nowrap;	
	
	-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .1);
}

.commentAdd > label > input
{
	color: white;
	background: none;
	border: 0;
	cursor: pointer;
	display: -moz-inline-box;
	display: inline-block;
	font-size: 13px;
	font-weight: bold;
	margin: 0;
	outline: none;
	padding: 1px 0 2px;
	white-space: nowrap;
}

#btnSubmit
{
    color: #c9b143;
}


/*--------------------------------------------------------------*/